<!-- list -->
<ul class="nav">
	<li class="hidden-folded padder m-t m-b-sm text-muted text-xs"><span translate="aside.nav.HEADER">Navigation</span></li>
	<li><a class="auto" ui-sref="app.dashboard"> <i class="glyphicon glyphicon-stats icon text-primary-dker"></i> <span class="font-bold"
			translate="aside.nav.DASHBOARD">Dashboard</span>
	</a></li>
	<li ui-sref-active="active"><a ui-sref="app.calendar"> <i class="glyphicon glyphicon-calendar icon text-info-dker"></i> <span
			class="font-bold" translate="aside.nav.CALENDAR">Calendar</span>
	</a></li>
	<li ui-sref-active="active"><a ui-sref="app.mail.list"> <b class="badge bg-info pull-right">9</b> <i
			class="glyphicon glyphicon-envelope icon text-info-lter"></i> <span class="font-bold" translate="aside.nav.EMAIL">Email</span>
	</a></li>
	<li><a href class="auto"> <span class="pull-right text-muted"> <i class="fa fa-fw fa-angle-right text"></i> <i
				class="fa fa-fw fa-angle-down text-active"></i>
		</span> <i class="glyphicon glyphicon-th-large icon text-success"></i> <span class="font-bold" translate="aside.nav.APPS">Apps</span>
	</a>
		<ul class="nav nav-sub dk">
			<li class="nav-sub-header"><a href> <span>Apps</span></a></li>
			<li ui-sref-active="active"><a ui-sref="app.category"> <span translate="aside.nav.category">Category</span></a></li>
			<li ui-sref-active="active"><a ui-sref="apps.contact"> <span>Contacts</span></a></li>
			<li ui-sref-active="active"><a ui-sref="app.weather"> <span>Weather</span></a></li>
		</ul></li>
	<li class="line dk"></li>
	<li class="hidden-folded padder m-t m-b-sm text-muted text-xs"><span translate="aside.nav.your_stuff.YOUR_STUFF">Your Stuff</span></li>
	<li><a ui-sref="app.myinfo.profile"><i class="icon-user icon text-success-lter"></i><span translate="aside.nav.your_stuff.PROFILE">Profile</span>
	</a></li>
	<li><a ui-sref="app.docs"> <i class="icon-question icon"></i><span translate="aside.nav.your_stuff.DOCUMENTS">Documents</span>
	</a></li>
</ul>
<!-- / list -->